<template>
  <div>
    <el-table :data="jokes">
      <el-table-column label="笑话" prop="content" align="center"></el-table-column>
      <el-table-column label="上传时间" prop="updatetime" align="center" width="160"></el-table-column>
    </el-table>
  </div>
</template>
<script>
import { get } from '@/utils/request'
export default {
  // 生命周期
  mounted(){
    // 初始化操作
    this.loadJokes();
  },
  // 数据
  data(){
    return {
      jokes:[]
    }
  },
  // 方法
  methods:{
    // 加载笑话数据
    loadJokes(){
      // 定义变量，请求地址
      let url = "/joke/content/list.php"
      // 请求参数
      let param = {
        page:1,
        pagesize:20,
        time:1418816972,
        key:"1cbd425b1492b092a8bd4636f69c4384"
      }
      // 请求后台数据
      get(url,param).then( resp => {
        // 将返回结果中有价值的信息赋值给jokes, jokes表示所有的笑话
        this.jokes = resp.result.data;
      });
    }
  }
}
</script>
<style scoped>

</style>